<template>
	<div  class="product" @click="goDeatil(item.product_id)">
		<img :src="'http://106.15.179.105:3000/'+item.product_picture" alt=""  width="100%">
		<p align="center" style="font-size: 14px;">{{item.product_name}}</p>
		<p align="center" style="font-size: 12px;color: #B0B0B0;">{{item.product_title}}</p>
		<p align="center"><span style="color: coral;">{{item.product_selling_price}}元</span> <span v-if="item.product_selling_price !== item.product_price" style="text-decoration: line-through;color: #B0B0B0;">{{item.product_price}}元</span></p>
	</div>
</template>

<script>
	export default{
		name:"MyList",
		props:["item"],
		data(){
			return{
				
			}
		},
		methods:{
			goDeatil(id){
				this.$router.push("/detail?productID="+id)
			}
		}
	}
</script>

<style scoped="scoped">
	img{
		
	}
	.product{
		width: 225px;
		height: 317px;
		background-color: white;
	}
	
</style>
